<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.css">
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.js"></script><style>
/* body */
* { padding: 0; margin: 0; list-style: none; }
html, body { font: normal 1em "Microsoft YaHei"; color: #fff; margin: 0 auto; background: #791647 url(/img/bg.gif) 0 0 repeat; height: 100%; _zoom: 1; }
a{text-decoration:none;color:#fff;}a:hover{text-decoration:underline;color:#fff;}
.cen1 { margin:0 10px ; border-bottom:1px solid #fff; padding:30px 0;min-height:208px;}
.cen2 {padding:10px;margin-left:10px;}
.cen3 { background:#ff0000; padding:3px 20px; font-size:1em;height:30px; }
.cen31 { float:left; width:99%;overflow:hidden;}
.cen31 a{color:yellow;}
.font1 { font-size: 3em }
.cen33 { padding:10px 20px; min-height:160px;}
.cen33 li {display: block; clear: both; height:28px; overflow:hidden;}
</style>

</head>
<body><script src="${ctxStatic}/mobile-template/ecard/${theme }/jiathis.php" charset="utf-8"></script><link href="./jiathis_share.css" rel="stylesheet" type="text/css"><iframe frameborder="0" style="position: absolute; display: none; opacity: 0;"></iframe><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
<iframe frameborder="0" src="http://v3.jiathis.com/code_mini/jiathis_utility.html" style="display: none;"></iframe>
<div class="index">

  <div class="cen1">
    <div style="float:left">
        <img src="${ctxFront }/ecard/${ecard.id}.jpg" width="160" height="160">
	</div>
	<div style="float:left">
		<div class="cen2 font1">${ecard.name}</div>
				<div class="cen2"><strong>部门：</strong>${ecard.department}</div>
						<div class="cen2"><strong>职位：</strong>${ecard.title}</div>
						<div class="cen2"><strong>电话：</strong><a href="tel:${ecard.tel}">${ecard.tel}</a></div>
                    	<div class="cen2"><strong>邮箱：</strong><a href="mailto:${ecard.mail}">${ecard.mail}</a>
                  	</div>
	<div style="clear:both"></div>
		<div style="float:left"><strong>简介：</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${ecard.description}<br>
</div>
	<div style="clear:both"></div>
		<div style="float:right"><strong><a class="btn btn-info" href="http://2weima.hdzhx.com/EcardMembers/vcf/WjX_22">一键保存到通讯录</a></strong></div>

	<div style="clear:both"></div>
  </div>
  <div class="cen1">
		<div style="float:left">
			<img src="${ctxFront }/ecard/organ${ecard.organInfo.id }.logo" width="120">
		</div>
		<div style="float:left">
						<div class="cen2">公司：${ecard.organInfo.name}</div>
									<div class="cen2">电话：${ecard.organInfo.tel}</div>
									<div class="cen2">地址：${ecard.organInfo.address}</div>
									<div class="cen2">微博：
					<a href="http://t.qq.com/wang1523121">${ecard.organInfo.weibo}</a></div>
									<div class="cen2">微信：${ecard.organInfo.weixin}</div>
									<div class="cen2">网址：
				<a href="${ecard.organInfo.site}" style="color: #F58903">${ecard.organInfo.site}</a>        		
				<a href="#myModal" role="button" class="btn" data-toggle="modal">一键分享</a>
			</div>
					</div>
		<div style="clear:both"></div>
		
 
<!-- Modal -->
<style>
	#myModal{width:auto;margin:0;left:10%;top:10%;}
</style>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel" style="color:#000">一键分享</h5>
  </div>
  <div class="modal-body">
    <!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
	<a class="jiathis_button_qzone" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone"></span></a>
	<a class="jiathis_button_tsina" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina"></span></a>
	<a class="jiathis_button_tqq" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq"></span></a>
	<a class="jiathis_button_weixin" title="分享到微信"><span class="jiathis_txt jtico jtico_weixin"></span></a>
	<a class="jiathis_button_renren" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren"></span></a>
</div>
<script type="text/javascript" src="./jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
</div>
				<div>简介：<p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ${ecard.organInfo.description}
 </div>
		  </div>
      <div class="cen2">公司活动</div>
  <div class="cen33">
    <ul>


				<c:forEach items="${ecard.organInfo.organEvents }" var="event"
					varStatus="status">
					<li style="line-height:25px">
						<div class="cen31">
							<a
								href="${ctxFront }/ecard/event-${event.id}.html">${status.index +1} ${event.title }</a>
						</div>
					</li>
				</c:forEach>

		    </ul>
  </div>
  </div>
    <div class="footer" style="width:100%">
	<p style="text-align:center">
		技术支持
		<a href="#power" onclick="$(&#39;#power&#39;).toggle()"> 邯郸智讯</a>
	</p>
	<div id="power" style="display:none;text-align:center">
		<div style="margin: 10px;">
			<div class="aboutus">
				<p>邯郸智讯</p>
				<p>客服电话：
					<a href="tel:0310-7056607">0310-7056607</a>
				</p>
				<p>客服QQ: 66587811</p>
				<p>客服邮箱: jakemnase@163.com</p>
				<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>

</body></html>